<template>
    <!-- App -->
    <div id="app">

        <!-- Statusbar -->
        <f7-statusbar></f7-statusbar>

        <!-- Main Views -->
        <f7-views>
            <f7-view id="main-view" navbar-through :dynamic-navbar="true" main toolbar-through>
                <!-- iOS Theme Navbar -->
                <f7-navbar v-if="$theme.ios">
                    <f7-nav-center sliding>叨叨</f7-nav-center>
                </f7-navbar>
                <!-- Pages -->
                <f7-pages>
                    <index></index>
                </f7-pages>
            </f7-view>
        </f7-views>

        <!-- 发布首页 -->
        <publish></publish>

        <!-- 注册页 -->
        <register></register>
        <!-- 注册页 -->

        <!-- 登录页 -->
        <login></login>
        <!-- 登录页 -->
    </div>
</template>

<script>
    import index from './pages/index.vue'
    import publish from './pages/publish/index.vue'
    import register from './pages/register.vue'
    import login from './pages/login.vue'
    export default {
        components: {
            index,
            publish,
            register,
            login
        }
    }
</script>